<style>
section form input[type="submit"].enviarCorreo {
	background-image: url('images/frontend/contacto/email1.png');
	background-repeat: no-repeat;
	background-position: 4px;
	position: relative;
	padding-left: 25px;
}
form div, form input[type="text"], form input[type="password"] {
	/* MISMO TAMAÑO QUE EL INPUT */
	width: 230px; !important
}
span.required {
	color: #c4c7ca;
	font-size: 23px;
	font-weight: bold;
	position: absolute;
	right: 8px;
	top: 9px;
}
form div label:last-child {
	margin-left: 40px;
}
</style>
<script type="text/javascript" src="js/jquery/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#form_contact label").inFieldLabels();
	$("#form_contact").validate({
		event: "blur",
		rules: {'name':"required",'email':"required email",'website':"url", 'subject':"required",'content':"required"},
		messages: {'name':"",'email': "",'website': "",'subject': "",'content':""},
		submitHandler: function(form){
			form.submit();
			/*
			$("#mensaje").show();
			$("#mensaje").html("<img src='ajax-loader.gif' style='vertical-align:middle;margin:0 10px 0 0' /><strong>Enviando mensaje...</strong>");
			$.ajax({
				type: "POST",
				url:"envio.php",
				contentType: "application/x-www-form-urlencoded",
				processData: true,
				data: "nombre="+escape($('#ContactName').val())+"&email="+escape($('#ContactRecipient').val())+"&mensaje="+escape($('#ContactMessage').val()),
				success: function(msg){
					$("#mensaje").html("<strong>Mensaje enviado correctamente. En breve recibir&aacute;s mi respuesta. Gracias!</strong>");
					document.getElementById("ContactName").value="";
					document.getElementById("ContactRecipient").value="";
					document.getElementById("ContactMessage").value="";
					setTimeout(function() {$('#mensaje').fadeOut('fast');}, 3000);

				}
			});
			*/
		}
	});
});
</script>
<h1 class="nombreMe">Contáctame<span class="arrow" /></h1>
<?=form_open('enviarCorreo',array('id'=>'form_contact'))?>
	<strong>Nombre</strong>
	<div>
		<label class="asd" for="name">Nombre</label>
		<span class="required">*</span>
		<input type="text" name="name" id="name" />
	</div>
	<strong>Email</strong>
	<div>
		<label for="email">Email</label>
		<span class="required">*</span>
		<input type="text" name="email" id="email" />
	</div>
	<strong>Website</strong>
	<div>
		<label for="website">Website</label>
		<input type="text" name="website" id="website" />
	</div>
	<strong>Asunto</strong>
	<div>
		<label for="subject">Asunto</label>
		<span class="required">*</span>
		<input type="text" name="subject" id="subject" />
	</div>
	<strong>Contenido</strong>
	<div style="width: 480px; !important">
		<label for="content">Contenido</label>
		<span class="required">*</span>
		<textarea name="content" id="content"></textarea>
	</div>
	<div>
		<input type="submit" class="enviarCorreo" value="Enviar" />
	</div>
<?=form_close()?>